
/* the menu part: */

#pageCountContainer
{
	list-style: none;
	float:left;
	margin-top:15px;
	max-width:950px;
}
#pageCountContainer li
{
	float:left;
	margin-left: 20px;
	color: #d3d3d3;
}

#pageCountContainer .current
{
	font-weight: bold;
	text-decoration:underline;
}

.menuArrow
{
	background: no-repeat url(../img/arrows.png) transparent;
	display:block;
	width: 32px;
	height: 32px;
	cursor:pointer;
	
	margin: 7px 5px;
}

.menuArrow.arrowLeft
{
	float:left;
}
.menuArrow.arrowLeft:hover
{
	background-position: 0px -32px;
}

.menuArrow.arrowRight
{
	background-position: -32px 0px;
	float:right;
}

.menuArrow.arrowRight:hover
{
	background-position: -32px -32px;
}
/* the page part: */

html, body {
    height:100%;
}

#pageContainer
{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}

#pageContainer .page
{
	width:100%;
	height:100%;
	overflow: auto;
	float:left;
	position:absolute;
	padding-top:50px;
}
